import React from "react"
import NavTop from "../../components/NavTop"
import "./index.scss"
import { TextArea, ImageUploader } from "antd-mobile"
import { PictureOutline } from "antd-mobile-icons"
function Feedback() {
  const [fileList, setFileList] = []
  return (
    <div>
      <NavTop title="意见反馈"></NavTop>
      <div className="feedback">
        <p>简介</p>
        <TextArea
          className="textarea"
          style={{ background: "#F7F8FA" }}
          maxLength={100}
          placeholder="请描述你的问题"
          showCount={true}
        />
        <ImageUploader
          value={fileList}
          onChange={setFileList}
          // upload={mockUploadFail}
        >
          <div
            style={{
              width: 80,
              height: 80,
              backgroundColor: "#f5f5f5",
              display: "flex",
              justifyContent: "center",
              alignItems: "center",
              color: "#999999"
            }}
          >
            <PictureOutline style={{ fontSize: 32 }} />
          </div>
        </ImageUploader>
        <p className="uploaderTip">最多6张，单个图片不超过20M。</p>
        <p>联系方式</p>
        <TextArea
          style={{
            background: "#F7F8FA",
            padding: "10px",
            height: "42px",
            boxSizing: "border-box"
          }}
          placeholder="请输入手机号码便于联系（非必填）"
        />
        <div className="subFeedback">
          <button>提交反馈</button>
        </div>
      </div>
    </div>
  )
}

export default Feedback
